<template>
	<scroll-view scroll-x class="scroll-row" show-scrollbar="false" scroll-with-animation="true">
		<view class="scroll-row-item p" v-for="(item,index) in recommend" :key="index" style="width: 242rpx;" @click="red(recommend[index].PID)">
			<view class="d-flex flex-column border">
				<image :src="item.IMAGE1" mode="widthFix"></image>
				<view class="p-2 pt-1">
					<view class="font-md white-space" style="height: 81px;">{{item.NAME}}</view>
					<view class="font-sm">{{item.PRESENT_PRICE}}</view>
				</view>
			</view>
		</view>
	</scroll-view>
</template>

<script>
	export default {
		props:{
			recommend:Array
		},
		methods:{
			red(PID){
				uni.navigateTo({
					url:'/pages/goods/goods?PID='+PID
				})
			}
		}
	}
</script>

<style>

</style>
